<template>
  <div id="app">
    <!-- <mixCom /> -->
    <!-- <UseModal1></UseModal1>
    <UseModal2></UseModal2> -->
    <!-- <DynamicCom></DynamicCom> -->
    <!-- <keepCom></keepCom> -->
    <!-- <usuallyUseApi></usuallyUseApi> -->
    <TransitionCom></TransitionCom>
  </div>
</template>
<script>
  // import showModal from "./components/05.showModal.vue"
  // import mixCom from "./components/06.混入.vue"
  // import UseModal1 from "./components/mixins的使用/useModal1.vue";
  // import UseModal2 from "./components/mixins的使用/useModal2.vue";
  // console.log(mixCom)
  // import DynamicCom from "./components/08.动态组件"
  // import keepCom from "./components/09.keepAlive"
  import usuallyUseApi from "./components/10.常用的api.vue"
  import TransitionCom from "./components/11.过渡动画.vue"
  export default {
    components: {
      // showModal,
      // mixCom,
      // UseModal1,
      // UseModal2,
      // DynamicCom,
      // keepCom,
      // usuallyUseApi
      TransitionCom
    }
  }
</script>